<extend name="Public:common"/>
<block name="main">
    <script>
        $(document).ready(function () {
            worksthumbs.init();
        });
    </script>
    <div class="case-list">
        <div class="warp-type case-type clear">
            <p class="museo-light ">SEE OUR WORK</p>
            <div class="warp-type-list" id="filters">
                <a href="javascript:void(0)" data-filter="*" class="active museo-light">All</a>
                <Gr:subcat catid="76" id="rr" key='ii'>
                    <a href="javascript:void(0)" data-filter=".c{$rr.id}">{$rr.catname}</a>
                </Gr:subcat>

            </div>
        </div>
        <div class="case-content">
            <ul class="case clear">
                <foreach name="list" item="list">
                    <a href="{$parent_cate.catdir}/{$list.id}.html" target="_blank">
                        <li class="c1 item"  data-id="{$list.catid}">
                            <img  src="{$list.thumb}"
                                 alt="{$list.title}" class="lazy tran "
                                 data-original="{$list.thumb}">
                            <div class="case-summary">
                                <div style="position: relative;width:100%;height: 100%">
                                    <p class="p1">{$list.kehu_name}</p>
                                    <p class="p2">
                                        -
                                        <br>
                                        <span class="syl">{$list.title}</span>
                                        <br>{$list.keywords}</p>
                                </div>
                            </div>
                        </li>
                    </a>
                </foreach>
            </ul>
        </div>

    </div>
    <script>
        $(".case").find(".item").each(function () {
            var str = $(this).attr('data-id');
            var strs = []; //定义-数组
            strs = str.split(","); //字符分割
            for (i = 0; i < strs.length; i++) {
                var cl = 'c' + strs[i];
                $(this).addClass(cl);
            }
        });
    </script>
</block>
